$(function () {// 页面加载完成执行里面的代码
    layui.use('form', function () {// 页面加载完成执行里面的代码
        var form = layui.form;// 拿到form表单,通过js拿到当前的form对象（div）
        //layui弹出框
        // layer.msg('玩命卖萌中', function(){
        //关闭后的操作
        // });
        //自定义验证规则
        form.verify({
            username: [/^[a-zA-Z0-9_-]{6,16}$/, "用户账号由英文加数字，在6到16位之间"],
            pass: [/(.+){6,12}$/, '密码必须6到12位']

        });

        //监听提交
        //on 代码添加一个点击事件
        //lay-submit lay-filter="login"
        form.on('submit(login)', function (data) {
            data = data.field;
            // alert(888)
            // 弹出来后需要执行什么代码
            // data.field
            //JSON.stringify(data.field) 将对象转换位json的字符串
            // console.log(data);
            // layer.msg(JSON.stringify(data.field), function () {
            // location.href = 'index.html'
            // });
            //防止刷新页面,我们现在用ajax，或者用js
            //需要通过ajax将数据传递给Java后台
            // post和get的区别？
            $.ajax({
                url: '/login',//执行后台servlet的路径（注解）就是和后台直接联系
                data: data,
                type: 'post',
                dataType: 'json',
                success: function (res) {
                    console.log(res);
                //    根据是否已经登录判断用户接下来的操作
                //    1.验证码失败
                    if(res.msg=='success'){
                        // layer.msg('验证码正确');
                    //    需要进行页面跳转
                    //    页面跳转2中方式
                        sessionStorage.setItem("username",data.username);
                        window.open("/html/index.html","_self");

                        // window.location.href="/html/index.html";
                    }else if(res.msg=='error-code'){
                        layer.msg('验证码错误');
                    }else if(res.msg=='error'){
                        layer.msg('用户名或者密码错误');
                    }
                //    2.用户名和密码无效
                //    3.登录成功，跳转到管理页面
                }
            });
            return false;
        });
    });
})
//js的随机数
// Math.random();
function changeCode(obj) {
    obj.src = '/code?aa=' + Math.random();
}

// $(obj).style.x=200;
// js的数据类型？
// js定义变量 前面必须加定义字符
// var a = 0;// var 在高版本种被淘汰了
// let b = 0;// 变量
// const c = 0;// 常量
// //js 的数据类型？
// 字符串值，数值，布尔值，数组，对象
// let str = "aafasdfasdfkasgfdskjfgaksjflkadfkjsdhgkjdsfjlkdfhjdlkfjghkfdjgkjfdfhkjasjflskdjfksada";
// let age = 14;
// let age2 = "14";
// let age3 = '14';
// let boo = true;
// let arr = ["gongsi", "jia\"t\"ing"];
// let obj = {"key":"value","aa":"ba"};// 以key，value的形式 req session  map
// let obj1 = {key:"value",aa:"ba"};
//两种对象写法功能一样，只不过我们一般有引号的叫json对象
//没有引号普通对象
// js 不区分单双引号 js属于弱类型语言
// 以后所有的数据最好全部用对象表示
// let obj = {"name": "aaa", age: 18, address: arr};
//
// let res=arr.join("--");//join表示数组转换位字符串 并通过括号里面的字符进行连接
// console.log(res);
// java String   toString(),split,replace,length,getBytes(),
//== 比较最终的值
//=== 比较数据类型和值
//document.getElementById("demo") 通过id拿到当前的对象,整个页面只能由一个id，不能重名
// $("#demo")
// document.getElementsByName("");//拿到的是数组,属性

// document.getElementsByClassName("layui-form");
// $(".layui-form")
// document.getElementsByTagName("<div>");
// $("input[lay-verify=required]")
//slice 截取字符串  如果位正数slice（start,end） slice（start）截取开始到所有
//substring  不能位负数 substring（start，end） substring(start)
// substr  substr(start,num);
// let aa="change";
// replace 替换  replace("--","an");
// js replace 只能替换首次出现的 支持正则表达式
//Java replace 替换所有出现的字符
// Java replace  后面还可以跟正则表达式
// aa.toUpperCase 转换位大写
// // trim() 方法删除字符串两端的空白符：
// $.trim($("#id").val());//jquery的用法
// // document.getElementById("id").innerText.trim();// js的用法
//
// var fruits = ["Banana", "Orange", "Apple", "Mango"];
//
// let text = "<ul>";
// fruits.forEach(()=>{
//     text += "<li>" + value + "</li>";
// });
// text += "</ul>";
// document.getElementById("demo").innerHTML = text;
//
// function myFunction(value) {
//     text += "<li>" + value + "</li>";
// }
// let text = "<ul>";
// fruits.forEach(function (value) {
//     text += "<li>" + value + "</li>";
// })
// text += "</ul>";
// var person = [];
// person[0] = "John";
// person[1] = "Doe";
// person[2] = 46;
// console.log(typeof person,"-----------");